@charset "utf-8";
/* CSS Document */

body,html{margin:0;padding:0;font-family: Microsoft YaHei; font-size: 1rem;  line-height: 1.5; color: #373a3c; background-color: #fff; width:100%; max-width:100%; min-width:1200px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
input:hover,input:active,input:focus{ outline: 0;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#444;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a:hover{text-decoration:none; }
.fl{float:left;}
.fr{float:right;}
textarea{resize:none; overflow:auto;}
.clearfix::after {content:""; display: block; clear:both; }
.clearfix{zoom:1;}
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}
.baseDiv{ width:1200px; margin:0 auto; margin-left:auto !important; margin-right:auto !important;}


/*top*/
.head{ width:100%; position:relative; z-index:1000; background:#fff; }
.head .head_top{height:35px; line-height:35px; font-size:13px; color:#ceebf9; background-color:#0085c7; }
.head .head_top .spanN{ padding:0 15px; color:#ceebf9; font-size:12px; }
.head .head_top a{ color:#ceebf9; font-size:13px;}
.head .head_top a:hover{ text-decoration:underline; color:#fff; }
.head .head_top .t_tel{ line-height:35px;}
.head .head_top .t_tel .span1{ display:block; float:left; color:#ceebf9;}
.head .head_top .t_tel .span2{ display:block; float:left; color:#fff; font-size:22px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}
.head .head_logo{height:125px;}
.head .head_logo .logoDiv{height:125px;float:left; display:block;width:369px;  background:url(../images/logo.png) left center no-repeat; position:relative; z-index:10;}

.head .head_logo .l1{ height:140px; text-align:left;}
.head .head_logo .l1 .div1{  }
.head .head_logo .l1 .div1 .span1{ display:block; color:#888; font-size:14px; padding-top:38px;}
.head .head_logo .l1 .div1 .span2{ display:block; color:#0657b2; font-size:37px; font-weight:lighter; line-height:45px;  font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; }


.nav{ position:relative;background-color:#fff;/*24a98f*/}
.navMain{ position:relative;}
.nav .navMain .navLi{ float:left; position:relative; width:125px; }
.nav .navMain .navLi.indexLi{ margin-left:0; }
.nav .navMain .navLi.indexLi a.a1{ border-left:1px solid #ebebeb;}
.nav .navMain .navLi a.a1{ display:block; color:#444; position:relative; height:125px; line-height:125px; width:100%; text-align:center;font-size:14px; border-right:1px solid #ebebeb;}
.nav .navMain .navLi a.a1::after{ display: none; content:''; position:absolute; bottom:-3px; left:0; width:100%; height:4px; background-color:#ffbf00; }
.nav .navMain .navLi a.a1::before{ display: none; content:''; position:absolute; top:-3px; left:0; width:100%; height:4px; background-color:#ffbf00; }
.nav .navMain .navLi:hover a.a1/*,.nav .navMain .navLi.active a.a1*/{ background-color:#0085c7; color:#fff;}
.nav .navMain .navLi:hover a.a1::after,.nav .navMain .navLi.active a.a1::after,.nav .navMain .navLi:hover a.a1::before,.nav .navMain .navLi.active a.a1::before{}
.nav .navMain .navLi .dh2{ width:220px; padding:10px 0; top:100%; left:0; position:absolute; z-index:1000; display:none; overflow:hidden; -moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; background-color:#fff; border-top:3px solid #ffbf00; }
.nav .navMain .navLi .dh2 a.a2{ display:block;  width:100%; background-color:#fff; color:#666; line-height:20px; font-size:14px; padding:15px 0;border-bottom:1px solid #ddd; text-align:left;}
.nav .navMain .navLi .dh2 a.a2 span{ padding-left:20px;}
.nav .navMain .navLi .dh2 a.a2:hover{ color:#fff; background-color:#ff7e00; }
.nav .navMain .navLi:hover .dh2{ display:block;}

/*banner*/
.banner{ width:100%; background:#fafafa; position:relative; z-index:11; }
.banner_slides{ position:relative; overflow:hidden; width:100%; margin:auto; }
.banner_slides , .slides_container,.slides_control ,.banner_pic{height:500px;}
.banner_slides li.slidesjs-slide{width:100%; height:500px;}
.banner_slides li a{}
.banner_pic{display:block; width:100%; height:500px;}
.slides_btn{position:absolute; z-index:999;display:block;width:40px;height:70px;margin-top:-35px;top:50%;overflow: hidden;text-indent:-9999px; background-color:#fff;filter:alpha(opacity=20); /*IEÂ˾µ£¬Í¸Ã÷¶È50%*/-moz-opacity:0.2; /*Firefox˽ÓУ¬Í¸Ã÷¶È50%*/opacity:0.2;/*ÆäËû£¬Í¸Ã÷¶È50%*/ background-position: center center; background-repeat:no-repeat; }
.banner:hover .slides_btn{filter:alpha(opacity=80); -moz-opacity:0.8; /*Firefox˽ÓУ¬Í¸Ã÷¶È50%*/opacity:0.8;}
.btn_previous{ left:4%; background-image:url(../images/pre01.png);}
.btn_previous:hover{ background-color:#dc0000;background-image:url(../images/pre02.png);}
.btn_next{ right:4%; background-image:url(../images/next01.png);}
.btn_next:hover{ background-color:#dc0000;background-image:url(../images/next02.png);}
/**/
.slides_pagination{ width:75px;height:14px;bottom:20px; right:50%; margin-right:-37px; position:absolute;z-index:100; text-align:center; }
.slides_pagination li{margin: 0 7px;display:inline-block; width:10px;+float:left;}
.slides_pagination li a{display:inline-block; *display:inline; zoom:1; overflow:hidden; width:10px;height:10px;line-height:50px; border:2px solid #fff;color:#666;border-radius:100%;}
.slides_pagination li a.active,.slides_pagination li a:hover.active,.slides_pagination li a:hover{ background:#dc0000;color:#dc0000; border:2px solid #dc0000;}
/*banner end*/


/**/
.ss{ background:#f2f2f2; overflow:hidden; padding:10px 0;}
.ss .ssBox{ width:100%;line-height:50px; height:50px;}
.ss .ssBox .title{ color:#fff;font-size:14px; width:84px; background:#0085c7/*url(../images/doqu.png) left center no-repeat*/; text-align:center;height:50px;}
.ss .ssBox .ss_nr{ width:630px;overflow:hidden;white-space:nowrap; margin-left:15px;height:50px; }
.ss .ssBox .ss_nr div{ display:inline-block; min-width:100%; padding-right:40px; font-size:13px; color:#7f7f7f;}
.ss .ssBox .ss_nr div span a{}
.ss .ssBox .ss_nr div:hover{ color:#000;}
.ss .tel{ color:#d81e06;height:50px;}
.ss .tel .span1{ font-size:23px; display:inline-block; color:#d81e06; padding-left:50px; background:url(../images/dianhua.png) left center no-repeat;}
.ss .tel .span2{ font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; font-size:28px;}


.baseTitle{ height:70px; background:url(../images/product.png) center center no-repeat; color:#0b3b62; line-height:35px; font-size:35px; font-weight:700;text-align:center;}

/*产品分类*/
.indexClass{ width:100%;background:#fff; padding:52px 0 30px 0;}
.indexClass .index_class{ background:url(../images/product_class.png) center center no-repeat; height:178px;}
.indexClass .index_class ul{ height:100%; width:100%; position:relative;}
.indexClass .index_class ul li{ width:50%; margin:auto; float:left; position:relative;}
.indexClass .index_class ul li a{ display:block; width:200px; margin:auto; position:relative; margin-top:-22px; height:200px;  font-size:15px; color:#333; border:10px solid #ddd; border-radius:100%;}
.indexClass .index_class ul li a span{ display:block;width:280px; height:50px; line-height:50px; background:rgba(0,0,0,0.5); color:#fff; text-align:center; position:absolute; right:50%; margin-right:-140px; bottom:50%; margin-bottom:-25px;}
/*.indexClass .index_class ul li:nth-child(2) a span{ background:rgba(0,133,199,0.7); }*/
.indexClass .index_class ul li a:hover span{ background-color:#0085c7;}

/*产品*/
.indexMain{position:relative; padding:40px 0; background:#f4f4f4; }
.indexMain .proTitle{}
.indexMain .product{ position:relative; z-index:10;}
.prdListBox{ padding-top:30px; }
.indexMain .productList{ overflow:hidden; width:1200px;height:650px; position:relative;}
.indexMain .productList ul{ overflow:hidden;width:1230px;height:774px;}
.indexMain .productList ul li{width:291px; margin:0 12px 0px 0px; float:left;} 
.indexMain .productList ul li .boxa{ display:block; cursor:pointer;margin:auto; }
.indexMain .productList ul li .boxa .spanImg{ display:block; overflow:hidden;height:218px; position:relative;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;}
.indexMain .productList ul li .boxa .spanImg .aB{display:none; width:100%;height:100%; position: absolute; background: rgba(0,0,0,0.5); overflow: hidden; left: 0; top: 0; z-index: 5;}
.indexMain .productList ul li .boxa .spanImg .aB em{ display:block; width:100%; height:100%;background:url(../images/chakan.png) center center no-repeat;}
.indexMain .productList ul li .boxa:hover .spanImg .aB{ display:block;}
.indexMain .productList ul li .spanT{ display:block; z-index:10; height:40px; line-height:40px; width:100%; margin:auto; text-align:center;color:#333; font-size:14px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.indexMain .productList ul li .spanT:hover{ color:#e0222c;}
.indexMain .more{ display:block; width:100%; height:10px; margin:auto; background-color:#ebebeb; margin-top:15px; border-radius:10px; }
.indexMain .more:hover{ background-color:#c20307;}


/*¹关于我们*/
.about{ background:#0085c7 url(../images/case3.jpg) center center no-repeat;padding:40px 0 90px 0;position:relative; background-size:cover;}
.about .baseTitle{ color:#fff;}
.about .aboutBox{ background-color:#fff; position:relative; z-index:10;}
.about .aboutBox .img2{ width:170px; height:170px; border:10px solid #fff; border-radius:100%; overflow:hidden; position:absolute; bottom:-55px; left:440px; background:url(../images/about02.png) center center no-repeat; background-size:cover;}

.about .about_left{ position:relative;}
.about .about_left .img{ }
.about .about_left .img img{ display:block; height:383px; width:537px;}
.about .about_left .img{}

.about .about_nr{ width:600px; margin-right:30px; position:relative;}
.about .about_nr .div1{ line-height:30px; padding-top:30px;}
.about .about_nr .div1 .span1{ padding-right:20px; font-size:22px; color:#0b3b62; font-weight:700; display:inline-block;}
.about .about_nr .div1 .span2{ color:#dad9d9; font-size:30px; display:inline-block; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; letter-spacing:1px;}
.about .about_nr .box{ margin-top:10px; }
.about .about_nr .box .aboutNR{font-size:14px; line-height:30px; height:150px; overflow:hidden; color:#777; }
.about .about_nr .aboutBtn{ padding-top:20px;}
.about .about_nr .aboutBtn li{ padding-left:165px; background:url(../images/about3.png) left center no-repeat; height:40px; line-height:40px; color:#444; font-size:14px;}
.about .about_nr .aboutBtn li.li1{ margin-left:20px;}
.about .about_nr .aboutBtn li.li2{ margin-left:54px;}
.about .about_nr .aboutBtn li.li3{ margin-left:64px; margin-top:5px;}
.about .about_nr .more{ position:absolute; right:0; bottom:40px; display:block; width:50px; height:50px; border-radius:100%; background-color:#0085c7; text-align:center; line-height:50px; color:#fff; font-size:12px;}
.about .about_nr .more:hover{ background-color:#fabe00;}

/*新闻*/
.indexNews{ padding:40px 0 30px 0;  background:#f4f4f4;}
.indexNews .newsBox{ width:1200px; overflow:hidden; padding:30px 0 10px 0; }
.indexNews .list_box{}
.indexNews .news_list{ width:1242px;}
.indexNews .news_list ul{}
.indexNews .news_list li{ width:268px; margin-right:42px; float:left;background:#fff; box-shadow:3px 3px 15px rgba(0,0,0,0.2);}
.indexNews .news_list li a{ display:block; width:230px; margin:auto; padding:30px 0 40px 0;}
.indexNews .news_list li .div1{overflow:hidden; white-space: nowrap;text-overflow:ellipsis;font-size:15px; color:#333; font-weight:700; margin-top:20px;}
.indexNews .news_list li .div2{ font-size:19px; color:#0453b4; height:110px; line-height:120px;}
.indexNews .news_list li .div2 span{ display:inline-block; padding-left:80px;}
.indexNews .news_list li .div3{ height:72px; line-height:24px; overflow:hidden; font-size:12px; color:#777; margin-top:20px; margin-bottom:10px;}
.indexNews .news_list li .div4{ color:#0085c7; font-size:13px;}
.indexNews .news_list ul li:nth-child(1) .div2 span{background:url(../images/news_1.png) left center no-repeat;}
.indexNews .news_list ul li:nth-child(2) .div2 span{background:url(../images/news_2.png) left center no-repeat;}
.indexNews .news_list ul li:nth-child(3) .div2 span{background:url(../images/news_3.png) left center no-repeat;}
.indexNews .news_list ul li:nth-child(4) .div2 span{background:url(../images/news_4.png) left center no-repeat;}
.indexNews .news_list li a:hover .div1{ color:#dc0000;}

/*case*/
.cases{ position:relative; padding:0px 0 30px 0; background-color:#fff;}
.cases .title{line-height:60px; height:60px; background-color:#ebb300;}
.cases .title .div1{ color:#fff; font-size:25px; font-weight:700;}
.cases .title .div2{ color:#f7d66e; font-size:25px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; padding-left:15px;}
.cases .title .more{ display:block; color:#fff; font-size:13px; background-color:#d09e01; padding:0 20px; height:30px; line-height:30px; margin-top:15px;}
.cases .title .more:hover{ background-color:#fff; color:#333}
.cases .caseList{  overflow:hidden;position:relative; z-index:10; padding-top:30px;}
.cases .caseList ul{ width:1200px;}
.cases .caseList li{ float:left; width:25%;}
.cases .caseList li a.imga{display:block; width:92%; margin:auto; border:1px solid #ddd;}
.cases .caseList li a.imga .spanImg{display:block; width:95%; margin:7px auto; height:210px; overflow:hidden; background-position:top center; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;position:relative;}
.cases .caseList li .spanT{ background-color:rgba(0,0,0,0.5); display:block; color:#fff; text-align:center; overflow:hidden; white-space: nowrap;text-overflow:ellipsis; text-align:center; font-size:14px; width:100%;line-height:45px; height:45px; position:absolute; left:0; bottom:0; display:none; }

.cases .caseList li .titleBox a:hover{}
.cases .caseList li .imga:hover{}
.cases .caseList li .imga:hover img{}
.cases .caseList .box{ width:9999px; position:relative; z-index:10;}
.cases .caseList .box ul{ float:left;}

/**/
.foot{ background-color:#fff; position:relative; padding:0px 0 20px 0; }
.bottomNav{ text-align:center;padding:13px 0; background-color:#0085c7; margin-bottom:15px;}
.bottomNav li{ width:16.666%; float:left; text-align: center; }
.bottomNav a{ display:block; width:80%; margin:auto; color:#fff; padding:10px 0px; font-size:14px; border-radius:25px; background-color:#0076b0;}
.bottomNav a:hover{ text-decoration:underline; color:#fff;}
.foot p{ line-height:35px; text-align:center;}
.foot p .span1{ padding:0 10px; color:#666; font-size:14px;}
.foot p a{ color:#666; font-size:14px;}
.foot p a:hover{ color:#0085c7;}

.copyright{font-size:13px; color:#666; padding:10px 0; line-height:25px; text-align:center; background-color:#000;}
.copyright .span1{ padding:0 30px 0 0;}
.copyright a{ color:#666;}
.copyright a:hover{ color:#fff;}

/**/
.breadcrumbs{margin-bottom:15px; border-bottom: 2px solid #0085c7;font-size: 14px; padding: 8px 20px; line-height: 30px; border-top:2px solid #0085c7; background-color:#f4f4f4;}
.breadcrumbs a{color:#666; font-size: 14px;}
.breadcrumbs a:hover{ text-decoration:underline;}
.breadcrumbs .sortName{ color:#fff; font-size:20px;}
.breadcrumbs .indexa{ padding-left:30px; background:url(../images/icon-home_61y0.png) left center no-repeat;}
/*·ÖÒ³*/
.page_nav{ padding:15px 15px; color:#999; font-size:14px; text-align:center; background-color:#fff;}
.page_nav .nolink{display:inline-block; margin:0 5px; padding:0 5px; height:25px; line-height:25px; border:1px solid #fff;}
.page_nav font,.page_nav a{ display:inline-block; margin:0 5px; padding:0 10px; border:1px solid #e5e5e5; height:25px; line-height:25px; border-radius:5px;}
.page_nav font{ border:1px solid #fff;}
.page_nav a:hover{ color:#fff; border:1px solid #54a530; background-color:#54a530}

.viewpage{ margin:0; padding:20px 0 50px 0; border-top:1px solid #eee;}
.viewpage .main_r_nav{ color:#999; font-size:14px; line-height:30px;}
.viewpage .main_r_nav a{ font-size:14px; color:#444}
.viewpage .main_r_nav a:hover{ text-decoration:underline;}

/*分页*/
.fenye{ text-align:center; color:#666; font-size:14px; line-height:30px; padding:20px 0;}
.fenye .rows{ color:#666; font-size:13px; padding:0 10px;}
.fenye .current{ display: inline-block; color:#cc0000; font-size:14px; padding:0 5px;}
.fenye .num,.fenye .next{display:inline-block; margin:0 3px; padding:0 10px;  border:1px solid #ddd; color:#666; font-size:14px; height:28px; line-height:27px; border-radius:5px;}
.fenye .num:hover,.fenye .next:hover{ background-color:#4aaf27; color:#fff; border:1px solid #4aaf27;}



.main{ background-color:#fff; padding:30px 0;}
.main .main_right{ width:930px;}
.text{ line-height:40px;font-size:15px; color:#444; padding:30px;}
.text span{}
.text img{ max-width:100%;}
.main .tT01{ text-align:center; line-height:35px; margin-top:20px;}
.main .tT01 .span1{ font-size:24px; color:#444;}
.main .subtitle{font-size: 13px; line-height: 24px; height: 24px; color: #8F8F8F; text-align:center;}
.main .subtitle span{ padding:0 10px;}

.main .main_left{ width:240px; }
.main .main_left .titleL{ height:90px; background:#0085c7;  text-align:center;}
.main .main_left .titleL .span1{ font-size:33px; color:#fff; font-weight:700; display:block; padding-top:8px;}
.main .main_left .titleL .span2{ color:#8ccded; font-size:13px;}
.main .navLeft{ padding:3px 0;}
.main .navLeft li{ padding:3px 0;}
.main .navLeft li a{ display:block; width:100%; height:60px; line-height:60px;color:#333; text-align:left; border-bottom:3px solid #ddd; font-size:15px; position:relative; background-color:#f4f4f4;}
.main .navLeft li a span{ position:relative; z-index:5; display:block; margin-left:20px; padding-left:40px; background:url(../images/classLogo.png) left center no-repeat;}
.main .navLeft li a:hover,.main .navLeft li.active a{ color:#0070a7;}
.main .main_left .more{ display: block; height:60px; line-height:60px; background-color:#4aaf27; text-align:center; line-height:60px; color:#fff; font-size:15px;}

.main .main_left .lxwm{ border:1px solid #ddd; margin-top:6px; padding-bottom:162px;}
.main .main_left .lxwm .t_t{ height:50px; line-height:50px; background-color:#f4f4f4;}
.main .main_left .lxwm .t_t .span1{ display:inline-block; color:#000; font-size:17px; padding-left:15px;}
.main .main_left .lxwm .t_t .span2{ color:#b7b7b7; font-size:14px; padding-left:10px;}
.main .main_left .lxwm .lxwm_box{ padding:10px 15px; line-height:24px; color:#555; font-size:13px;}
.main .main_left .lxwm .lxwm_box p{ padding:5px 0;} 



#faqbox{padding:90px 0 50px 0; background-color:#fff;}
#faqbox form{}
#faqbox .faqline{line-height:2em;text-align:left; padding-bottom:10px; color:#999; font-size:13px;}
#faqbox .faqtit{width:150px;display:block;float:left;clear:both;text-align:right; color:#555;}
#faqbox .Content{line-height:2em;text-align:left; padding-bottom:10px;}
#faqbox font{margin:0 5px;}
#faqbox .FaqTitle{ height:50px; line-height:50px; padding:0 10px; border:1px solid #ddd; width:435px; vertical-align:top;}
#faqbox .Content textarea{height:100px;}
.wizfrm{ border:none;width:455px;height:50px;line-height:50px;font-size:16px;color:#fff;text-align:center;cursor:pointer;background:#fff; margin-top:20px;  font-family:'Microsoft YaHei';-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; border-radius:5px;background-color:#dd0103; }
.wizfrm:hover{ background-color:#ff9900; }

/**/

.main .proList{width:930px;position:relative; margin-top:10px;}
.main .proList{ overflow:hidden; width:940px;}
.main .proList li{ width:303px; float:left; margin:0 10px 0px 0; } 
.main .proList li .boxa{ width:301px; height:228px; border:1px solid #ddd; display:block; cursor:pointer; background-color:#f4f4f4;}
.main .proList li .boxa .spanImg{ display:block; overflow:hidden;width:291px; height:218px; margin:5px; position:relative;
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;}
.main .proList li .boxa .spanImg .aB{display:none; width:100%;height:100%; position: absolute; background: rgba(0,0,0,0.5); overflow: hidden; left: 0; top: 0; z-index: 5;}
.main .proList li .boxa .spanImg .aB em{ display:block; width:100%; height:100%;background:url(../images/chakan.png) center center no-repeat;}
.main .proList li .boxa:hover .spanImg .aB{ display:block;}
.main .proList li .spanT{ display: block; z-index:10; height:35px; line-height:33px; width:222px; margin:auto; text-align:center;color:#666; font-size:13px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.main .proList li .spanT:hover{ color:#e0222c;}

/**/
.main .news_list{}
.main .news_list li{border-bottom:1px dashed #e4e4e4; padding:15px;}
.main .news_list li .titleBox{}
.main .news_list li a{ color:#333; font-size:15px;}
.main .news_list li a:hover{ color:#dc2b21; text-decoration:underline;}
.main .news_list li .desc{ line-height: 22px; max-height: 44px;  color: #999;  overflow: hidden; font-size:13px; margin-top:8px; padding:0 0 0 0px;}
.main .news_list li .lMore{ font-size:13px; color:#b7b7b7;}